<template>
    <div>
        <h1>App</h1>
        <!-- <TsInfo last-name="jack" first-name="chen" :age="20" :allow="true" :hobbys="['css']" :size="{w:100}" :cb="function(){}"></TsInfo> -->

        <!-- <TsInfo :last-name="info.lastName" :first-name="info.firstName" :age="info.age" :allow="info.allow"
            :hobbys="info.hobbys" :size="info.size" :cb="info.cb"></TsInfo> -->
        <!-- <TsInfo v-bind="info"></TsInfo> -->
        <!-- <TsInfo :allow="true" gender="2" phone="18028387655"></TsInfo> -->
    </div>
</template>'
<script>
export default {
    data() {
        return {
            info: {
                lastName: 'jack',
                firstName: 'li',
                age: 20,
                allow: true,
                hobbys: [],
                size: {},
                cb: function () { }
            }
        }
    }
}
</script>
<style>
div {
    border: solid;
    padding: 10px;
}
</style>